<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频中心</title>
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/video.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	</head>
	<body>
		<div class="index-content">
			<!-- 头部 -->
			<header>
				<div class="header-content width1300 clearfix">
					<div class="logo fl clearfix">
						<img src="../img/logo.png" class="fl" />
						<p class="fl">中成商务房车</p>
					</div>
					<div class="search fl">
						<input type="text" placeholder="请输入想要搜索的内容" class="fl" />
						<i class="iconfont icon-sousuo1 fr"></i>
					</div>
					<div class="telphone fr">
						<img src="../img/tel.png" />
						<div class="num">热线电话<b>400-079-6969</b></div>
					</div>
				</div>
				<div class="nav clearfix width1300">
					<div class="nav-list fl">首页</div>
					<div class="nav-list fl">选车中心</div>
					<div class="nav-list fl">推荐车系</div>
					<div class="nav-list fl">优惠资讯</div>
					<div class="nav-list fl">视频中心</div>
					<div class="nav-list fl">关于我们</div>
				</div>
			</header>

			<!-- 图 -->
			<div class="video-con">
				<div class="videoDiv width1300">
					<img class="videoMax" src="../img/index_banner.png" alt="">
				</div>
				<div class="videoList">
					<ul>
						<li class="light over-hide"><span class="light-box"></span>试驾奔驰GLB AMG，暴躁暴躁暴躁</li>
						<li class="over-hide">精英的最佳拍档 解析商务MPV析商务MPV析商务MPV</li>
						<li class="over-hide">"慢慢慢，开这辆车一定要注意安全"析商务MPV析商务MPV</li>
						<li class="over-hide">"联盟平台是噱头？开完你才知道"</li>
						<li class="over-hide">"为爱发声，送给母亲的长途旅行 "</li>
						<li class="over-hide">"高端商务范 AMG味道十足的MPV"</li>
						<li class="over-hide">"50万MPV怎么选 ？奔驰V级... "</li>
						<li class="over-hide">"50万MPV怎么选 ？奔驰V级... "</li>
					</ul>
				</div>
			</div>
			<!-- 轮播图 -->
			<!-- 热门节目 -->
			<div class="program width1300">
				<div class="title">热门节目</div>
				<div class="swiper-container">
					<div class='swiper-wrapper'>
						<div class="hot clearfix swiper-slide">
							<div class="hot-one fl">
								<!-- <img class="hot-play" src="../img/brand.png" alt=""> -->
								<video  class="hot-play"  controls autoplay>
									<source src="movie.mp4" type="video/mp4">
									<object data="movie.mp4" class="hot-play2">
										<embed class="hot-play2" src="movie.swf">
									</object>
								</video>
							</div>
							<div class="hot-two fl" >
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/brand.png" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
							</div>
						</div>
						<div class="hot clearfix swiper-slide">
							<div class="hot-one fl">
								<!-- <img class="hot-play" src="../img/brand.png" alt=""> -->
								<video  class="hot-play"  controls autoplay>
									<source src="movie.mp4" type="video/mp4">
									<object data="movie.mp4" class="hot-play2">
										<embed class="hot-play2" src="movie.swf">
									</object>
								</video>
							</div>
							<div class="hot-two fl" >
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/brand.png" alt="">
								</div>
								<div class="hot-con fl">
									<img class="hot-play2" src="../img/car1.jpg" alt="">
								</div>
							</div>
						</div>
					</div>
					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>
			</div>
			<!-- 高级私人定制 -->
			<div class="personal width1300">
				<div class="title">
					<span>高级私人定制</span>
					<span class="more fr"><img style="margin:0 0 -2px 0" src="../img/jiantou2.png" alt=""> 1/3 <img style="margin:0 0 -2px 0" src="../img/jiantou1.png" alt=""></span>
				</div>
				<div class="content clearfix">
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
							<p class="txt-only">年轻人的第一台“潮跑”</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
				</div>
			</div>

			<!-- 原创精选 -->
			<div class="personal width1300">
				<div class="title">
					<span>原创精选</span>
					<span class="more fr">更多 <img style="margin:0 0 -2px 0" src="../img/jiantou1.png" alt=""></span>
				</div>
				<div class="content clearfix">
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">续航增长+运动套件 体验广汽本田VE-1+</p>
							<p class="txt-only">想给你的有点多</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/car1.jpg" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class=" con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p>目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
					<div class="con-one fl">
						<img class="car-play" src="../img/brand.png" />
						<div class="txt">
							<p class="over-hide">目标全能选手 宝马X3有点内味了</p>
						</div>
					</div>
				</div>
			</div>

			
			<!-- 悬浮按钮 -->
			<div class="goTop">
				<img src="../img/top.png" />
			</div>
			
			
			<!-- 底部 -->
			<footer class="">
				<div class="foot-classify clearfix width1300">
					<div class="foot-nav">
						<h4>车型总鉴</h4>
						<p>奢石版</p>
						<p>v级系列</p>
						<p>斯宾特系列</p>
						<p>大众T6</p>
						<p>GMC</p>
						<p>豪华加长</p>
					</div>
					<div class="foot-nav">
						<h4>品牌天地</h4>
						<p>品牌中心</p>
						<p>关于我们</p>
						<p>赛事风采</p>
					</div>
					<div class="foot-nav">
						<h4>高级私人定制系列</h4>
						<p>限量发售</p>
						<p>车主故事</p>
					</div>
					<div class="foot-nav">
						<h4>售后服务</h4>
						<p>车主服务</p>
						<p>常见问与答</p>
						<p>原厂配件</p>
						<p>选装配件及精品</p>
					</div>
					<div class="foot-nav">
						<h4>新闻资讯</h4>
						<p>企业动态</p>
						<p>行业热点</p>
					</div>
				</div>
				<div class="companyInfo">
					<div class="width1300">
						<div class="company_name"></div>
						<div class="company-info clearfix">
							<div class="fl">杭州中诚汽车销售服务有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<i>华东高端商务房车展销中心</i></div>
							<div class="fr">
								<div class="telphone fr clearfix">
									<img src="../img/tel.png" />
									<div class="num">热线电话<b>400-079-6969</b></div>
								</div>
								<p class="address">地址：浙江省杭州市下城区绍兴路2号</p>
								<p class="police clearfix"><img src="../img/police.png">浙公网安备33010302003582号</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				slidesPerView: 4,
				spaceBetween: 7
			});
			
			  
		</script>
	</body>
</html>
